<%--
  @author supun nimesh karunathilaka
--%>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<%@ taglib prefix="s" uri="/struts-tags" %>
<script type="text/javascript">
    $(document).ready(function() {

        $("#kmlDocumentUpload").hide();

        var pls_enter_applicant_name = "<br>" + document.getElementById("pls_enter_applicant_name").value;
        var pls_enter_submit_date = "<br>" + document.getElementById("pls_enter_submit_date").value;
        var pls_enter_applicant_address = "<br>" + document.getElementById("pls_enter_applicant_address").value;
        var pls_select_gn_division = $("#pls_select_gnDivision").val();
        var pls_enter_annual_income = $("#pls_enter_annual_income").val();
        var pls_enter_valid_annual_income = $("#pls_enter_valid_annual_income").val();
        var applicant_age_validate = $("#applicant_age_validate").val();
        var pls_enter_the_applicant_dob = $("#pls_enter_the_applicant_dob").val();


        $("#gov-land-init-OutrightGrant-application-form").validate({
            rules: {
                personId: {
                    required: true
                },
                submitDate:{
                    required:true
                },
                personAddress:{
                    required:true
                },
                gnDivisionId:{
                    selectBox:"default"
                },
                dateOfBirth:{
                    required: true,
                    isDateFormated: true
                },
                annualIncome:{
                    required:true,
                    number:true
                }
            },
            messages: {
                personId: {
                    required: pls_enter_applicant_name
                },
                submitDate:{
                    required:pls_enter_submit_date
                },
                personAddress:{
                    required:pls_enter_applicant_address
                },
                gnDivisionId:{
                    selectBox:pls_select_gn_division
                },
                annualIncome:{
                    required :pls_enter_annual_income,
                    number:pls_enter_valid_annual_income
                },
                dateOfBirth:{
                    required:pls_enter_the_applicant_dob,
                    ageValidate: applicant_age_validate
                }
            }
        });
    });
    $(function() {
        var mode = document.getElementById("edit_mode").value;
        if (mode == 2 || mode == 3 || mode == 9 || mode == 20 ||mode == 21 ||mode == 30) {
            /* var fieldIds = new Array('submitDate',
             'ltlYes',
             'ltlNo',
             'planNoId',
             'lotNoId',
             'agreementNo',
             'district',
             'dsDivision',
             'hectareId',
             'acreId',
             'roodsId',
             'perchesId',
             'purposeId',
             'select_all_col_managers',
             'removeDsButton');
             enableFields(fieldIds); */



            disableFields(new Array('applicantType0', 'applicantType1', 'gnDivisionId','districtId','dsDivisionId', 'submitDate','ltlYes',
             'ltlNo','purposeId','addChild','attachDocBtn'));
           // $("#attachFile").hide();

        }

        /*if (mode == 3  || mode == 6) {
            showLandDetails();
            $('#landDetails').hide();
            $('a[rel*=facebox]').facebox(function() {
                $('#landDetails').show();
            });
        }*/

    });

    $(function() {

        $('#personDetails').hide();
        $('#instituteDetails').hide();

        $('#applicantType0').bind('click', function() {
            $('#personDetails').hide();
            $('#instituteDetails').show();
            disableFields(fieldIds_person);
            showFields(fieldIds_institute);

        });
        $('#applicantType1').bind('click', function() {

            $('#personDetails').show();
            $('#instituteDetails').hide();
            disableFields(fieldIds_institute);
            showFields(fieldIds_person);

        });
        if ($('#applicantType0').is(':checked')) {

            $('#personDetails').hide();
            $('#instituteDetails').show();
            disableFields(fieldIds_person);
            showFields(fieldIds_institute);


        } else if ($('#applicantType1').is(':checked')) {

            $('#personDetails').show();
            $('#instituteDetails').hide();
            disableFields(fieldIds_institute);
            showFields(fieldIds_person);
        }

        // enableFields(new Array('applicantType0', 'applicantType1'));
    });

    function getDsDivisionByDistrict() {
        var oSelect = document.getElementById('districtId');
        //var options1 = '<option value="0"> -- Select -- </option> ';
        var options1 = '<option value="0">' + $('#select').val() + '</option> ';
        for (var iCount = 0; oSelect.options[iCount]; iCount++) {
            if (oSelect.options[iCount].selected == true) {
                var id = oSelect.options[iCount].value;
                $.getJSON('${pageContext.request.contextPath}/common/DivisionLookupService', {id:id,mode:2},
                         function(data) {
                             var ds = data.dsDivisionList;
                             for (var i = 0; i < ds.length; i++) {
                                 options1 += '<option value="' + ds[i].optionValue + '">' + ds[i].optionDisplay + '</option>'
                             }
                             $("select#dsDivisionId").html(options1);
                             //$("select#gnDivisionId").html('<option value="0"> -- Select -- </option> ');
                             $("select#gnDivisionId").html('<option value="0">' + $('#select').val() + '</option> ');
                         });
            }
        }
    }

    function getGnDivisionByDsDivision() {
        var oSelect = document.getElementById('dsDivisionId');
        //var options1 = '<option value="0"> -- Select -- </option> ';
        var options1 = '<option value="0">' + $('#select').val() + '</option> ';
        for (var iCount = 0; oSelect.options[iCount]; iCount++) {
            if (oSelect.options[iCount].selected == true) {
                var id = oSelect.options[iCount].value;
                $.getJSON('${pageContext.request.contextPath}/common/DivisionLookupService', {id:id,mode:3},
                         function(data) {
                             var ds = data.gnDivisionList;
                             for (var i = 0; i < ds.length; i++) {
                                 options1 += '<option value="' + ds[i].optionValue + '">' + ds[i].optionDisplay + '</option>'
                             }
                             $("select#gnDivisionId").html(options1);
                         });
            }
        }
    }


</script>
<div id="land-registration-module-home-title" class="module-home-title">
    <s:if test="#session.userGroup !='slc'">
        <s:include value="../alienationApplicationNavigationDetail.jsp"/>
    </s:if>
    <%--<div id="back-button" align="right">
        &lt;%&ndash; <s:submit type="input" value="%{getText('back.label')}" onclick="goBack();"/>&ndash;%&gt;
        <s:submit type="input" value="%{getText('print.label')}" onclick="printPage('init-outright-grant-application-outer', 'A4', 'P');"/>
    </div>--%>
</div>

<div class="form-outer" id="init-outright-grant-application-outer">
<h2><s:property value="%{getText('detailed_alienation_applications.label')}"/> -
     <s:property value="%{getText('special_grant.label')}"/></h2>
<hr/>
<s:form action="addInitLandApplication.do" method="POST" id="gov-land-init-OutrightGrant-application-form"
        onsubmit="javascript:return (validateFormForInputDataSyntaxErrors('gov-land-init-OutrightGrant-application-form') && resetIncome() && selectList())"
        enctype="multipart/form-data">
    <fieldset class="submit-date-fieldset-style">
        <table class="submited-date-table">
            <tr>
                <td><s:label value="%{getText('submit_date.label')}" cssClass="mandatory-field"/><s:label
                        value="%{getText('date_format.label')}" cssClass="date-format"/></td>
                <td><s:textfield id="submitDate" name="landApplication.submitDate"/></td>
            </tr>
        </table>
    </fieldset>
    <div id="tabs">
        <ul>
            <li><s:a href="#applicantDetails"><s:label
                    value="%{getText('details_of_applicant.label')}"/></s:a></li>
            <li><s:a href="#landAlienationDetails"><s:label value="%{getText('details_of_land.label')}"/></s:a></li>
            <li><s:a href="#otherDetails"><s:label value="%{getText('other_details.label')}"/></s:a></li>
        </ul>
        <div class="fieldset-style" id="applicantDetails">
            <table class="width-100">
                <tr>
                    <td align="center" colspan="4">
                        <s:radio id="applicantType" name="holder.holderType"
                                 list="#@java.util.HashMap@{'1':getText('person.label'),'0':getText('institute.label')}"/>
                            <%-- <s:hidden name="applicantType"/> --%>
                    </td>
                </tr>
            </table>

            <table class="width-100" id="division">
                <s:if test="viewMode">
                    <tr>
                        <td><s:label value="%{getText('district.label')}"/></td>
                        <td><s:textfield id="districtId" name="districtName" cssClass="width-200-px"
                                         disabled="true"/></td>
                        <td><s:label value="%{getText('ds_division.label')}"/></td>
                        <td><s:textfield id="dsDivisionId" name="dsDivisionName" cssClass="width-200-px"
                                         disabled="true"/></td>
                    </tr>
                    <tr>
                        <td><s:label value="%{getText('gn_division.label')}"/><span class="mandatory-field"></span></td>
                        <td>
                            <s:textfield id="gnDivisionId" name="holder.gnDivision.name" cssClass="width-200-px"/>
                        </td>
                    </tr>
                </s:if>
                <s:else>
                    <tr>
                        <td><s:label value="%{getText('district.label')}"/></td>
                        <td><s:select id="districtId" name="districtId" list="districtListAll"
                                      onchange="getDsDivisionByDistrict()" headerKey="0" headerValue="%{getText('select.label')}"
                                      cssClass="width-200-px"/></td>
                        <td><s:label value="%{getText('ds_division.label')}"/></td>
                        <td><s:select id="dsDivisionId" name="dsDivisionId" list="dsDivisionList"
                                      onchange="getGnDivisionByDsDivision()" headerKey="0" headerValue="%{getText('select.label')}"
                                      cssClass="width-200-px"/></td>
                    </tr>
                    <tr>
                        <td><s:label value="%{getText('gn_division.label')}"/><span class="mandatory-field"></span></td>
                        <td>
                            <s:select id="gnDivisionId" name="holder.gnDivision.id" list="gnDivisionList" headerKey="0"
                                      headerValue="%{getText('select.label')}" cssClass="width-200-px"/>
                        </td>
                    </tr>
                </s:else>
            </table>

            <table id="instituteDetails" class="width-100">
                <tr>
                    <td colspan="4">
                        <s:include value="../instituteDetails.jsp"/>
                    </td>
                </tr>
            </table>
            <table id="personDetails" class="width-100">
                <tr>
                    <td colspan="4">
                        <s:include value="../personalDetails.jsp"/>
                    </td>
                </tr>
            </table>
        </div>

        <div style="page-break-after:always;"></div>
        <div class="fieldset-style" id="landAlienationDetails">
            <table class="width-100">
                <tr>
                    <td><s:label value="%{getText('is_ltl_no_available.label')}"/></td>
                    <td><s:label value="%{getText('yes.label')}"/><input id="ltlYes" type="radio"
                                                                         name="ltl" value="0"
                                                                         onclick="hideLandDetails()"/></td>
                    <td colspan="2"><s:label value="%{getText('no.label')}"/><input type="radio"
                                                                                    id="ltlNo"
                                                                                    name="ltl"
                                                                                    checked="checked"
                                                                                    value="1"
                                                                                    onclick="showLandDetails()"/>
                    </td>
                </tr>
            </table>
                <%--<legend id="legend-land"><s:label value="%{getText('details_of_land.label')}"/></legend>
        <legend id="legend-agreement" style="display:none"><s:label
                value="%{getText('agreement_details.label')}"/></legend>--%>

            <table class="width-100" id="agreement-no" style="display:none">
                <td><s:label value="%{getText('agreement_no.label')}"/></td>
                <td><s:textfield id="agreementNo" name="landApplication.agreementNo"/></td>
                <td></td>
            </table>
            <table class="width-100" id="land-details">
                <%--<tr>
                    <td><s:label value="%{getText('plan_no.label')}"/></td>
                    <td><s:textfield name="landApplication.planNo" id="planNoId"/></td>
                    <td><s:label value="%{getText('lot_no.label')}"/></td>
                    <td><s:textfield name="landApplication.lotNo" id="lotNoId"/></td>
                </tr>--%>
                <s:include value="../landAlienationDetails.jsp"/>

            </table>
                <%--<table class="width-100">
                    <tr>
                        <td>
                            <s:include value="../../documentUpload.jsp"/>
                        </td>
                    </tr>
                </table>--%>
        </div>
        <div class="fieldset-style" id="otherDetails">
            <table class="width-100">
                <tr>
                    <td><s:label value="%{getText('purpose_of_the_requesting_land')}"/></td>
                    <td colspan="3"><s:textarea cssClass="width-610-px" name="landApplication.purpose"
                                                id="purposeId"/></td>
                </tr>
            </table>
        </div>
        <table>
            <tr>
                <td align="left-align"><s:include value="../../documentUploadTemp.jsp"/></td>
            </tr>
        </table>
    </div>
    <hr/>
    <s:include value="buttons.jsp"/>
    <s:hidden name="alienationType" value="7"/>
    <%--  <s:submit cssClass="cancel" action="landAlienationModuleHome" value="%{getText('back.label')}"/>  --%>
    </div>
</s:form>
</div>
<s:hidden id="edit_mode" name="editMode"/>
<s:hidden id="pls_enter_applicant_name" value="%{getText('pls_enter_applicant_name')}"/>
<s:hidden id="pls_enter_submit_date" value="%{getText('pls_enter_submit_date')}"/>
<s:hidden id="pls_enter_applicant_address" value="%{getText('pls_enter_applicant_address')}"/>
<s:hidden id="pls_select_gnDivision" value="%{getText('pls_select_gnDivision.label')}"/>
<s:hidden id="select" value="%{getText('select.label')}"/>
<s:hidden id="pls_enter_annual_income" value="%{getText('pls_enter_annual_income')}"/>
<s:hidden id="pls_enter_valid_annual_income" value="%{getText('pls_enter_valid_annual_income')}"/>
<s:hidden id="pls_enter_the_applicant_dob" value="%{getText('pls_enter_the_applicant_dob.label')}"/>
<s:hidden id="applicant_age_validate" value="%{getText('applicant_age_validate.label')}"/>
